<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="${cxt }/">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>文章管理--查看文章</title>
		<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src="js/plug.js"></script>
		<script type="text/javascript">
		
			$(function(){
				
			})
			
		</script>
		<style type="text/css">
			* {
				margin: 0px;
				padding: 0px;
			}
			body{
				background-color: #F4F6F7;
			}
			.bigbox {
				width: 1058px;
				height: 496px;
				background-color: #F4F6F7;
				margin-top: 5px;
				
			}
			
			.inbigbox {
				margin-left: 23px;
				margin-right: 15px;
				background-color: white;
				padding-left:10px;
				padding-right: 10px;
			}
			
			.top,
			.div_title {
				width: 1000px;
			}
			
			.div_p {
				float: left;
			}
			
			.div_search {
				text-align: center;
				line-height: 30px;
				float: left;
				margin-top: 5px;
				margin-left: 495px;
			}
			.div_search span{
				font-size: 14px;
			}
			
			.tagpage,
			.buttom {
				float: left;
				margin-top: 5px;
			}
			
			.tagpage ul li {
				list-style: none;
				float: left;
				line-height: 30px;
				width: 80px;
				text-align: center;
				border: 1px solid #E6E9EA;
				font-weight: lighter;
				background-color: #F5F8F9;
				margin-right: 10px;
			}
			
			.buttom input {
				width: 90px;
				height: 32px;
				background-color: #FF4600;
				color: white;
				border: none;
			}
			
			.content {
				width: 1000px;
				margin-top: 20px;
			}
			
			.content_table {
				text-align: center;
				font-size: 13px;
				font-weight: normal;
				border: 1px solid #E6E9EA;
			}
			
			.content_table th {
				color: #62686A;
				line-height: 30px;
				font-weight: normal;
				background-color: #F4F6F7;
			}
			
			.content_table td {
				color: #555;
				line-height: 40px;
				border-top: 1px solid #E9EDED;
			}
			.inbigbox input{
				border-radius: 5px;
				line-height: 25px;
				border: 1px solid #E6E9EA;
				background-color: #F5F8F9;
			}
			.inbigbox .inputtype{
				border: none;
				border-radius: 5px;
				line-height: 27px;
				background-color: #11B6B6;
				color: white;
				width: 50px;
			}
			.linkErea{
				margin-top:20px;
				padding-bottom:20px;
			}
			.linkErea a{
				cursor:pointer;
				display:inline-block;
				padding-left:10px;
				padding-right:10px;
			}
			.linkErea a:hover{
				color:#4353d2;
			}
			.curr{
				color:red;
			}
			td a{
				color:#555;
				text-decoration: none;
			}
			td a:hover{
				color:#222;
				font-size:16px;
			}
			.mytab li{
				cursor:pointer;
				
			}
			.mytab li:hover{
				background:#00a5a5;
			}
		</style>
	</head>

	<body>
		<div class="bigbox">
			<div class="inbigbox">
				<div class="div_title">
					<div class="div_p">
						<p style="margin-left: 5px;line-height: 50px;font-size: 18px;">文章管理</p>
					</div>
					<div class="div_search" style="margin-left: 445px;">
						<span>开始日期：</span><input type="date" class="startTime"/>&nbsp;&nbsp;<span>截止日期：</span>
						<input type="date" class="endTime"/>
						<input type="button" value="搜索" class="inputtype"/>
					</div>
					<div style="clear: both;"></div>
				</div>

				<div class="top">
					<div class="tagpage">
						<ul class="mytab">
							<li>所有文章</li>
							
						</ul>
					</div>
					<div class="div_search">
						<input type="text" placeholder="请输入关键字"/>
						<input type="button" value="搜索" class="inputtype"/>
					</div>
					<div style="clear: both;"></div>
				</div>

				<div class="content">
					<table class="content_table"  cellspacing="0">
						<thead>
							<tr>
								<th style="width: 55px;"><input type="checkbox"></th>
								<th style="width: 475px;">博主id</th>
								<th style="width: 80px;">博主昵称</th>
								<th style="width: 120px;">博主头像</th>
								<th style="width: 100px;">注册时间</th>
								<th style="width: 55px;">邮箱</th>
								<th style="width: 55px;">用户状态</th>
								
								<th style="width: 55px;">删除</th>
							</tr>
						</thead>
						<tbody>
						
							<c:forEach var="article" items="${blogers }">
							<tr>
								<td><input type="checkbox"></td>
								<td><a href="adminArticalDetail?blogid=">${blogers.user_id }</a></td>
								<td>${blogers.user_id }</td>
								<td>${blogers.user_id }</td>
								<td>${blogers.user_id }</td>
								<td>${blogers.user_id }</td>
								<td>${blogers.user_id }</td>
								<td><input type="button" value="删除" class="inputtype"></td>
							</tr>
							</c:forEach>
						</tbody>

					</table>
			<div class="linkErea">
					  <%-- 共有${requestScope.pageBean.totalRecord}个员工，共<span class="totalPage">${requestScope.pageBean.totalPage }</span>页，当前为<span class="currentPage">${requestScope.pageBean.pageNum}</span>页
       
            <a href="personalcenter?pageNum=1&totalRecord=${pageBean.totalRecord }">首页</a>
            如果当前页为第一页时，就没有上一页这个超链接显示
            <c:if test="${requestScope.pageBean.pageNum ==1}">
                <c:forEach begin="${requestScope.pageBean.start}" end="${requestScope.pageBean.end}" step="1" var="i">
                    <c:if test="${requestScope.pageBean.pageNum == i}">
                        ${i}
                    </c:if>                
                    <c:if test="${requestScope.pageBean.pageNum != i}">
                        <a href="personalcenter?pageNum=${i }&totalRecord=${pageBean.totalRecord }">${i}</a>                                        
                    </c:if>                        
                </c:forEach>
                                  <a href="personalcenter?pageNum=${pageBean.pageNum+1 }&totalRecord=${pageBean.totalRecord }" class="next">下一页</a>   
            </c:if>
           
            
          
            尾页
            <a href="personalcenter?pageNum=${pageBean.totalPage }&totalRecord=${pageBean.totalRecord }">尾页</a> --%>
				</div>
				</div>
			</div>
		</div>
	</body>

</html>